<table class="operadorServicio" border="0" cellspacing="0" cellpadding="0" >
        <tr class="addEtiquetaTitulo">
            <td><p>Ubicacion Demografica</p></td>
        </tr>
        <tr class="addEtiquetaFila">
            <td>


    
<div id="map_canvas" style="width: 580px; height: 580px; float:left; border: 1px solid black; "></div>

            </td>
        </tr>

</table>

    <script type="text/javascript">
    
    var map      = null;
    var geocoder = null;

                                         
      if (GBrowserIsCompatible()) {	
        map = new GMap2(document.getElementById("map_canvas"));

        map.setCenter(new GLatLng(19.35,-99.1616667), 12);
        map.addControl(new GSmallMapControl());
	   	map.addControl(new GMapTypeControl());

        geocoder = new GClientGeocoder();
        <?php foreach ($municipios as $municipio){ ?>
        geocoder.getLatLng('Ciudad Mexico <?php echo $municipio; ?>',
          		function(point) {
                        var marker = new GMarker(point);
            			map.addOverlay(marker);
                                GEvent.addListener(marker,"click", function() {
                                        
                                        marker.openInfoWindowHtml("<?php echo $municipio; ?><br>Otro");
                                        
                                    });                            
               	}
        	);
                    
         <?php } ?>

      } 

     
     </script>
